<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>退款单</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0 ,maximum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/weui.min.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/jquery-weui.min.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/css/common.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/css/invoice.css">
    <script src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/plugins/fancybox/lib/jquery-1.10.1.min.js"></script>
    <script src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/jquery-weui.min.js"></script>
</head>
<body class="view-container">
<div class="header bar-positive">
    <a href="" class="left"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/blockr.png"/></a>
    <h1>账房</h1>
    <a href="" class="right"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/more.png"/></a>
</div>
<div class="new-contaner invoice">
    <a class="addtoIT" href=""></a>
    <div class="weui-navbar top_invoice">
        <a class="weui-navbar__item " href="receipt.html">
            <i class="icon icons icon-receivables"></i>
            <p>收款单</p>
        </a>
        <a class="weui-navbar__item weui-bar__item--on blue" href="">
            <i class="icon icons icon-refund icon-bluerefund"></i>
            <p>退款单</p>
        </a>
        <a class="weui-navbar__item " href="Invoice.html">
            <i class="icon icons icon-delivergoods"></i>
            <p>发货单</p>
        </a>
        <a class="weui-navbar__item" href="returnBill.html">
            <i class="icon icons icon-returngoods"></i>
            <p>退货单</p>
        </a>
        <a class="weui-navbar__item" href="invoiceList.html">
            <i class="icon icons icon-invoices"></i>
            <p>发票</p>
        </a>
    </div>
    <div class="weui-tab">
        <div class="weui-navbar ">
            <a class="weui-navbar__item weui-bar__item--on blue" href="#tab11">
                全部
            </a>
            <a class="weui-navbar__item " href="#tab12">
                退货退款
            </a>
            <a class="weui-navbar__item" href="#tab13">
                换货
            </a>
            <a class="weui-navbar__item" href="#tab14">
                维修
            </a>
            <a class="weui-navbar__item" href="#tab15">
                仅退款
            </a>
            <a class="weui-navbar__item" href="#tab16">
                取消订单
            </a>
        </div>
        <div class="weui-tab__bd">
            <div id="tab11" class="weui-tab__bd-item weui-tab__bd-item--active">
                <div class="weui-cells relation-box">
                    <a class="weui-cell weui-cell_access " href="javascript:;">
                        <div class="weui-cell__bd">
                            <h4>收款单编号：DD123456789 <span class="blues">微信支付</span><span class="greenb">申请中</span><span class="yellow">退货退款</span></h4>
                            <p>用户名lh123</p>
                            <p>所属企业：￥10000.00</p>
                            <p>订单金额：￥10000.00</p>
                            <p>收款时间：2018-05-03&nbsp;09:00:00</p>
                        </div>
                    </a>
                </div>
                <div class="weui-cells relation-box">
                    <a class="weui-cell weui-cell_access " href="javascript:;">
                        <div class="weui-cell__bd">
                            <h4>收款单编号：DD123456789 <span class="blues">支付宝支付</span><span class="greenb">申请中</span></h4>
                            <p>用户名lh123</p>
                            <p>所属企业：￥10000.00</p>
                            <p>订单金额：￥10000.00</p>
                            <p>收款时间：2018-05-03&nbsp;09:00:00</p>
                        </div>
                    </a>
                </div>
                <div class="weui-cells relation-box">
                    <a class="weui-cell weui-cell_access " href="javascript:;">
                        <div class="weui-cell__bd">
                            <h4>收款单编号：DD123456789 <span class="blues">现金支付</span></h4>
                            <p>用户名lh123</p>
                            <p>所属企业：￥10000.00</p>
                            <p>订单金额：￥10000.00</p>
                            <p>收款时间：2018-05-03&nbsp;09:00:00</p>
                        </div>
                    </a>
                </div>
                <div class="weui-cells relation-box">
                    <a class="weui-cell weui-cell_access " href="javascript:;">
                        <div class="weui-cell__bd">
                            <h4>收款单编号：DD123456789 <span class="blues">微信支付</span></h4>
                            <p>用户名lh123</p>
                            <p>所属企业：￥10000.00</p>
                            <p>订单金额：￥10000.00</p>
                            <p>收款时间：2018-05-03&nbsp;09:00:00</p>
                        </div>
                    </a>
                </div>
                <div class="weui-cells relation-box">
                    <a class="weui-cell weui-cell_access " href="javascript:;">
                        <div class="weui-cell__bd">
                            <h4>收款单编号：DD123456789 <span class="blues">微信支付</span></h4>
                            <p>用户名lh123</p>
                            <p>所属企业：￥10000.00</p>
                            <p>订单金额：￥10000.00</p>
                            <p>收款时间：2018-05-03&nbsp;09:00:00</p>
                        </div>
                    </a>
                </div>
                <div class="weui-cells relation-box">
                    <a class="weui-cell weui-cell_access " href="javascript:;">
                        <div class="weui-cell__bd">
                            <h4>收款单编号：DD123456789 <span class="blues">微信支付</span></h4>
                            <p>用户名lh123</p>
                            <p>所属企业：￥10000.00</p>
                            <p>订单金额：￥10000.00</p>
                            <p>收款时间：2018-05-03&nbsp;09:00:00</p>
                        </div>
                    </a>
                </div>
                <div class="weui-cells relation-box">
                    <a class="weui-cell weui-cell_access " href="javascript:;">
                        <div class="weui-cell__bd">
                            <h4>收款单编号：DD123456789 <span class="blues">微信支付</span></h4>
                            <p>用户名lh123</p>
                            <p>所属企业：￥10000.00</p>
                            <p>订单金额：￥10000.00</p>
                            <p>收款时间：2018-05-03&nbsp;09:00:00</p>
                        </div>
                    </a>
                </div>
            </div>
            <div id="tab12" class="weui-tab__bd-item">
                <h1>页面二</h1>
            </div>

        </div>
    </div>
</div>


<div class="weui-tabbar">
    <a href="javascript:;" class="weui-tabbar__item">
        <div class="weui-tabbar__icon">
            <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/home.png"/>
        </div>
        <p class="weui-tabbar__label">首页</p>
    </a>
    <a href="javascript:;" class="weui-tabbar__item">
        <div class="weui-tabbar__icon">
            <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/lists.png"/>
        </div>
        <p class="weui-tabbar__label">订单</p>
    </a>
    <a href="javascript:;" class="weui-tabbar__item weui-bar__item--on">
        <div class="weui-tabbar__icon">
            <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/bluepay.png"/></div>
        <p class="weui-tabbar__label">账房</p>
    </a>
    <a href="javascript:;" class="weui-tabbar__item">
        <div class="weui-tabbar__icon">
            <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/pop.png"/></div>
        <p class="weui-tabbar__label">客户</p>
    </a>
    <a href="javascript:;" class="weui-tabbar__item">
        <div class="weui-tabbar__icon">
            <img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/shopss.png"/></div>
        <p class="weui-tabbar__label">商品</p>
    </a>
</div>
</body>
<script>
    $(".weui-navbar a").on("click",function(){
        $(this).addClass("blue").siblings().removeClass("blue");
    });
    $(".sale_search").on('click',function(){
        $(".mask").css('display','block');
        $(".right-posty").animate({right:"0"},"500")
    })
    $(".mask").on('click',function(){
        $(".mask").css('display','none');
        $(".right-posty").animate({right:"-300px"},"500")
    })
</script>
</html>